<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:rich="http://richfaces.org/rich"
	>
<h:head>
</h:head>
<h:body>
		<h:outputLink onclick="#{rich:component('popup')}.show();">
Open
</h:outputLink>
<rich:popupPanel id="popup" modal="false" autosized="true"
        resizeable="false">
        <f:facet name="header">
            <h:outputText value="Simple popup panel" />
        </f:facet>
        <f:facet name="controls">
            <h:outputLink value="#"
                onclick="#{rich:component('popup')}.hide(); return false;">
                    X
                </h:outputLink>
        </f:facet>
        <p>Any content might be inside this panel.</p>
        <p>The popup panel is open and closed from the javascript function
        of component client side object. The following code <a href="#"
            onclick="#{rich:component('popup')}.hide()">hide this panel</a>: <f:verbatim>&#35;</f:verbatim>{rich:component('popup')}.hide()</p>
    <h:outputLink onclick="#{rich:component('popup')}.hide();">
Hide
</h:outputLink>
</rich:popupPanel>
	<f:loadBundle basename="gui.labels"   var="labels"  />
	<f:loadBundle basename="gui.messages" var="messages" />
	<h:form> 
		<div align="center">			
			<br/>
			<div style="width: 320px;" align="center">
				<h:messages showDetail="true" showSummary="true" />
				<br/>
				<br/>
				Login with "admin" - "admin"
				<br/>
				<br/>
			</div>			
			<h:panelGrid columns="2" >
				<h:outputText value="#{labels['loginName']}"/>
				<h:inputText value="#{logInBean.loginName}" />
				<h:outputText value="#{labels['password']}"/>
				<h:inputSecret value="#{logInBean.password}"/>
				<h:outputText value=" "/>
				<h:commandButton action="#{logInBean.doLogin}" value="#{labels['login']}" />
			</h:panelGrid>
		  	<br/>
		  	<br/>
		  	<br/>
		</div>
	</h:form>	
	
</h:body>
</html>